<template>
  <!-- 活动中心 -->
  <view>
    <view class="activity-box">
      <view class="activity-title">
        <text>做任务领奖励</text>
        <text>长期有效</text>
      </view>
      <view class="activity-con">
        <image src="../../static/bg2.png" mode=""></image>
      </view>
    </view>
    <view class="activity-box">
      <view class="activity-title">
        <text>做任务领奖励</text>
        <text>长期有效</text>
      </view>
      <view class="activity-con">
        <image src="../../static/bg2.png" mode=""></image>
      </view>
    </view>
    <view class="activity-box">
      <view class="activity-title">
        <text>做任务领奖励</text>
        <text>长期有效</text>
      </view>
      <view class="activity-con">
        <image src="../../static/bg2.png" mode=""></image>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {

      }
    },
    methods: {

    }
  }
</script>

<style>
  page{
    background-color: #121d3b;
  }
  .activity-box {
    margin: 40rpx;
  }

  .activity-title {
    display: flex;
    justify-content: space-between;
    color: #a9b4d2;
    margin: 20rpx 0;
  }
  .activity-con{
    width: 100%;
    height: 200rpx;
    border-radius: 10rpx;
    overflow: hidden;
  }
  .activity-con image{
    width: 100%;
    height: 100%;
  }
</style>
